<!--  -->
<template>
    <div>
        <!-- 顶部 -->
        <AppNavBar />
        <!-- 头部 -->
        <AppHeader />
        <!-- 吸顶头部 -->
        <AppHeaderSticky />
        <main>
            <router-view></router-view>
        </main>
        <!-- 底部 -->
        <AppFooter />
    </div>
</template>

<script>
import AppNavBar from "@/components/app-navbar";
import AppHeader from "@/components/app-header";
import AppFooter from '@/components/app-footer';
import AppHeaderSticky from "@/components/app-header-sticky";

import { useStore } from 'vuex';
export default {
    name: '',
    components:{
        AppNavBar,
        AppHeader,
        AppFooter,
        AppHeaderSticky,
    },
    setup() {
        const store = useStore();
        store.dispatch('category/getList')

    }
};
</script>
<style lang='less' scoped>
main{
    min-height: 600px;
}
</style>